/* 封装axios用于发送请求 */
import axios from 'axios'
// import { Message } from 'element-ui'
import { Message } from 'element-ui'
import store from '@/store'

// 创建一个新的axios实例,对创建出来实例进行自定义配置
// 好处：各个实例相互独立，不会污染原始的 axios 实例
const instance = axios.create({
  // https://mock.apifox.com/m1/3052304-0-default https://mock.apifox.com/m1/3052304-0-default/book
  baseURL: 'api',
  timeout: 5000,
  headers: { // 设置请求头
    token: store.state.user.userInfo.token
  }
})

// 下面对 axios 实例进行自定义配置，而不会修改原始
// 添加请求拦截器
instance.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
instance.interceptors.response.use(function (response) {
  // 对响应数据做点什么
//   拔掉一层，默认 axios 会多包一层data
  const res = response.data
  // console.log(res.code)
  if (res.code !== 1) {
    Message({
      message: '警告哦，这是一条警告消息',
      type: 'warning'
    })
  }
  // 一定要返回响应结果，不然前端拿不到数据
  return res
}, function (error) {
  // 对响应错误做点什么
  return Promise.reject(error)
})
// 导出配置好的实例
export default instance
